@charset "utf-8";
/* CSS Document */

html{background:none}
body{width:100%; min-width:1400px; background:/*url(../images/bg.jpg) */#f2f6f8; font-family:"微软雅黑"; margin:0px auto; padding:0; position:relative; /*background:#fff url(../images/hnyande/1224bg.gif) center top no-repeat*/}
a{text-decoration:none; font-family:"微软雅黑"; color:#000}
img{border:0px}
ul,li,h1,h2,h3,dd,dl,p{margin:0px; padding:0px; list-style-type:none}
a.pic:hover img{filter:alpha(opacity=50); opacity:0.5}
/*a:hover{color:#0282D3; text-decoration:none}*/
.mt10{margin-top:10px}

/*head*/
div.head{width:100%; height:190px; position:relative}
div.top{width:100%; height:40px; line-height:40px; background:#812c2f}
div.top span{display:block; width:300px; color:#fff; font-size:14px; letter-spacing:1px}
div.top span.jianfan{margin-left:calc(50% - 600px); float:left}
div.top span.jianfan a{display:inline-block; height:28px; line-height:28px; color:#fff; border-radius:5px; padding:0 5px}
div.top span.jianfan a.active{display:inline-block; height:28px; line-height:28px; color:#fff; border-radius:5px; padding:0 5px}
div.top span.time{text-align:right; margin-right:calc(50% - 600px); float:right}
div.logo{width:600px; height:150px; background:url(../images/logo_new.png) no-repeat left center; margin-left:calc(50% - 600px); float:left}
div.logo a{display:block; width:561px; height:120px; margin-top:15px}

div.search{width:calc(250px - 2px); height:calc(40px - 2px); background:#fff; border:#bdb2b0 solid 1px; border-radius:7px; position:absolute; left:calc(50% + 230px); top:50%}
div.search input{height:32px; line-height:32px; background:#fff; border:none; outline:none; padding:0; position:absolute; left:10px; top:3px}
div.search input.keyword{width:calc(100% - 23px - 58px)}
div.search button{width:58px; height:32px; color:#fff; background:#812c2f; border-radius:5px; border:none; outline:none; padding:0; position:absolute; right:3px; top:3px}
div.search:hover button,div.search:active button{background-color:#9d3d40; color:#FFF}

div.login_mini{width:600px; height:150px; background:none; margin-right:calc(50% - 600px); float:right}
div.login_mini ul{width:210px; height:40px; background:none; margin-top:55px; margin-left:calc(50% + 90px)}
div.login_mini li{width:100px; height:40px; line-height:40px; font-size:16px; text-align:center; border-radius:7px; float:left}
div.login_mini li.reg{width:calc(100px - 2px); height:calc(40px - 2px); line-height:calc(40px - 2px); background:#fff; border:#bdb2b0 solid 1px; position:relative}
div.login_mini li.log{background:#812c2f}
div.login_mini li.reg a{color:#000; cursor:pointer}
div.login_mini li.log a{color:#fff}
div.login_mini a{display:block; line-height:40px}
div.login_mini li:last-child{margin-left:10px}
div.login_mini li.reg > div{width:calc(320px - 4px); background:#fff; text-align:left; letter-spacing:normal; border:#812c2f solid 2px; border-radius:5px; overflow:hidden; position:absolute; top:50px; right:-111px; z-index:1; display:none}
div.login_mini li.reg i{width: 0px; height:0px; border: 10px solid #812c2f; border-top-color:transparent; border-bottom-color:#812c2f; border-left-color:transparent; border-right-color:transparent; margin-right:-10px; position:absolute; top:30px; right:50%; display:none}
div.login_mini li.reg:hover > div{display:block}
div.login_mini li.reg:hover > i{display:block}
div.login_mini li.reg > div p{width:calc(100% - 20px); height:30px; line-height:30px; margin:0 auto 0 auto}
div.login_mini li.reg > div p.title{color:#7a7772; font-size:24px; text-align:center; letter-spacing:5px; padding:10px 0 5px 0}
div.login_mini li.reg > div p + p{border-bottom:#eee solid 1px}
div.login_mini li.reg > div p:last-child{margin-bottom:10px}
div.login_mini li.reg > div b{display:inline-block; line-height:30px; background:#eee; text-align:center; padding:0 10px; margin-right:10px}

/*menu*/
/*菜单"+"表示下一个选择器*/
.header{width:1200px; height:80px; background:url(../images/menu_bg.png) no-repeat center center; margin-left:auto; border-top:#812c2f solid 5px; border-bottom:#812c2f solid 5px; margin-right:auto; margin-top:0}
.menu{width:1200px; position:relative; font-size:16px; margin:0 auto}
.nav > li{display:inline-block; float:left; position:relative}
.nav > li > a{width:120px; height:40px; line-height:40px; text-align:center}
.nav > li:hover > a{background:#812c2f; color:#fff}
.nav a{color:#000; display:block; text-decoration:none}
.nav ul{display:none; position:absolute; background-color:transparent; z-index:100}
.nav ul li{position:relative}
.nav ul li + li{border-top:#ae595d solid 1px}

.nav > li:hover > ul{display:block; padding-top:5px}
.nav > li > ul > li > a{padding-top:0.4em; padding-bottom:0.4em; width:10em; color:#fff; padding-left:1em; padding-right:1em; background-color:#812c2f}
.nav > li > ul > li:hover > a{background:#fff; color:#000}
.nav > li > ul > li > ul{padding-left:5px; left:100%; top:0}
.nav > li:last-child > ul > li > ul{left:calc(-100% - 5px); top:0; padding-right:5px; padding-left:0}
.nav > li > ul > li:hover >ul {display:block}
.nav > li > ul > li > ul > li > a{padding-top:0.4em; padding-bottom:0.4em; width:10em; color:#fff; padding-left:1em; padding-right:1em; background-color:#812c2f}
.nav > li > ul > li > ul > li:hover > a{background:#fff; color:#000}

/*当前路径*/
div.weizhi{width:calc(100% - 40px); height:30px; line-height:25px; background:#none; font-size:18px; border-bottom:#ccc dashed 1px; margin:15px auto 0 auto}
div.weizhi span{margin:0 5px}

/*分页*/
#pages{text-align:center; margin:0 auto; overflow:hidden}
.pages{display:inline-block; text-align:center; margin:0 auto; padding:10px}
.pages a{display:inline-block; color:#000; background:#f3f3f3; padding:10px 15px; border-radius:5px}
.pages a.a1{color:#000; background:#f3f3f3}
.pages a:hover{color:#fff; background:#812c2f}
.pages span{display:inline-block; color:#fff; background:#812c2f; font-weight:bold; padding:10px 15px; border-radius:5px}

/*toolbar*/
div.toolbar{width:60px; height:180px; background:#a33033; border-radius:10px 0 0 10px; position:fixed; bottom:calc(50% - 60px); right:0}
div.toolbar div.one{width:60px; height:60px; color:#fff; font-size:16px; text-align:center; position:relative}
div.toolbar div.two{width:60px; height:420px; background:#a33033; border-radius:10px 0 10px 10px; position:absolute; top:0; right:60px; display:none}
div.toolbar div.three{width:60px; height:60px; position:relative}
div.toolbar div.three p.fa{display:block; width:60px; height:60px; line-height:60px; background:rgba(255,255,255,0); font-size:30px}
div.toolbar div.four{width:250px; height:120px; background:#a33033; border-radius:10px 0 0 10px; position:absolute; top:0; right:60px; display:none}
div.toolbar:hover{border-radius:0}
div.toolbar div.one:hover > div.two{display:block}
div.toolbar div.three:hover > div.four{display:block}
div.toolbar div.one p.fa{display:block; width:60px; height:60px; line-height:60px; font-size:30px}
div.toolbar div.one p.fa{color:#fff}/*div.toolbar div.one:last-child p.fa{color:#fff}*/
div.toolbar div.one:hover{background:#a33033}
div.toolbar div.three:hover{background:#a33033}
div.toolbar div.three:hover > div.four{background:#a33033}

div.toolbar div.phone p{height:30px; line-height:30px}

div.toolbar div.wechat{width:116px; height:358px; padding:10px 0}
div.toolbar div.wechat img{width:96px; height:auto}
div.toolbar div.wechat p{height:25px; line-height:25px; font-size:14px}

div.toolbar div.qq{width:116px; height:358px; padding:10px 0}
div.toolbar div.qq img{width:96px; height:auto}
div.toolbar div.qq p{height:25px; line-height:25px; font-size:14px}

div.toolbar div.gongzhonghao{width:116px; height:237px; padding:10px 0}
div.toolbar div.gongzhonghao img{width:96px; height:auto}
div.toolbar div.gongzhonghao p{height:25px; line-height:25px; font-size:14px}

div.toolbar div.weibo{width:116px; height:116px; padding:10px 0}
div.toolbar div.weibo img{width:96px; height:auto}
div.toolbar div.weibo p{height:25px; line-height:25px; font-size:14px}

div.toolbar div.douyin{width:116px; height:116px; padding:10px 0}
div.toolbar div.douyin img{width:96px; height:auto}
div.toolbar div.douyin p{height:25px; line-height:25px; font-size:14px}

div.toolbar div.email{width:250px; height:60px}
div.toolbar div.email p{height:60px; line-height:60px}

/*div.toolbar div + div{margin-top:0}
div.toolbar div > div{background:#812c2f; border-radius:10px 0 0 10px; position:absolute; top:0; right:60px; display:none}
div.toolbar div:hover{background:#812c2f; cursor:pointer}
div.toolbar div:hover > div{display:block}
div.toolbar div p.fa{display:block; width:60px; height:60px; line-height:60px; background:rgba(255,255,255,0); font-size:30px}*/

/*div.toolbar div.phone{width:250px; height:120px; padding:10px 0}
div.toolbar div.phone p{height:30px; line-height:30px}

div.toolbar div.wechat{width:116px; height:358px; padding:10px 0}
div.toolbar div.wechat img{width:96px; height:auto}
div.toolbar div.wechat p{height:25px; line-height:25px; font-size:14px}

div.toolbar div.qq{width:116px; height:358px; padding:10px 0}
div.toolbar div.qq img{width:96px; height:auto}
div.toolbar div.qq p{height:25px; line-height:25px; font-size:14px}

div.toolbar div.gongzhonghao{width:116px; height:237px; padding:10px 0}
div.toolbar div.gongzhonghao img{width:96px; height:auto}
div.toolbar div.gongzhonghao p{height:25px; line-height:25px; font-size:14px}

div.toolbar div.weibo{width:116px; height:116px; padding:10px 0}
div.toolbar div.weibo img{width:96px; height:auto}
div.toolbar div.weibo p{height:25px; line-height:25px; font-size:14px}

div.toolbar div.douyin{width:116px; height:116px; padding:10px 0}
div.toolbar div.douyin img{width:96px; height:auto}
div.toolbar div.douyin p{height:25px; line-height:25px; font-size:14px}

div.toolbar div.email{width:250px}
div.toolbar div.email p{height:60px; line-height:60px}

div.toolbar div:last-child a{color:#fff}*/

/*友情链接*/
div.link{background:#595854; margin-top:15px}
div.link > div{width:1400px; border-bottom:#fff solid 1px; margin:0 auto; overflow:hidden}
div.link h3{color:#fff; background:none; border-bottom:#fff solid 1px; margin-top:15px}
div.link ul{overflow:hidden}
div.link li{width:calc(10% - 5px); height:25px; line-height:25px; font-size:14px; margin:5px 5px 0 0; overflow:hidden; float:left}
div.link li:last-child{margin-bottom:5px}
div.link li a{display:inline-block; color:#fff; line-height:25px}
div.link li:nth-child(10n){width:10%; margin-right:0; border-right:none}

/*footer*/
div.foot{width:100%; background:#595854; text-align:center; padding:30px 0; margin:20px auto 0 auto}
div.foot p{height:30px; line-height:30px; color:#fff}
div.foot a{color:#fff}